<template>
	<table>
		
        <tr>
            <th v-for="item in columns" :key="item.prop">{{item.label}}</th>
            <th>序号</th>
            <th>标题</th>
            <th>昵称</th>
            <th>创建时间</th>
        </tr>
        <tr>
            <td>1001</td>
            <td>javascript</td>
            <td>小小</td>
            <td>2023-8-8</td>
        </tr>
        <tr>
            <td>1002</td>
            <td>vue</td>
            <td>小张</td>
            <td>2023-8-6</td>
        </tr>
        <tr>
            <td>1003</td>
            <td>react</td>
            <td>小王</td>
            <td>2023-8-6</td>
        </tr>
	</table>
</template>

<script setup lang="ts">
defineProps({
	columns: Array,
	tableData: Array
})
</script>

<style lang="scss" scoped>
table {
	width: 100%;
	tr {
		align-items: center;
	}
}
</style>
